<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>文档</title>
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-flex.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-slide.css" />
    <style>
        i{
            font-size:50px !important;
        }
    </style>
</head>
<body>
  <i class="aui-col-xs-3 aui-iconfont aui-icon-menu"></i>
  <i class="aui-col-xs-3 aui-iconfont aui-icon-paper"></i>
  <i class="aui-col-xs-3 aui-iconfont aui-icon-info"></i>
  <i class="aui-col-xs-3 aui-iconfont aui-icon-question"></i>
  <i class="aui-col-xs-3 aui-iconfont aui-icon-left"></i>
  <i class="aui-col-xs-3 aui-iconfont aui-icon-right"></i>
  <i class="aui-col-xs-3 aui-iconfont aui-icon-top"></i>
  <i class="aui-col-xs-3 aui-iconfont aui-icon-down"></i>
  <i class="aui-col-xs-3 aui-iconfont aui-icon-share"></i>
  <i class="aui-col-xs-3 aui-iconfont aui-icon-comment"></i>
  <i class="aui-col-xs-3 aui-iconfont aui-icon-edit"></i>
  <i class="aui-col-xs-3 aui-iconfont aui-icon-trash"></i>
  <i class="aui-col-xs-3 aui-iconfont aui-icon-recovery"></i>
  <i class="aui-col-xs-3 aui-iconfont aui-icon-refresh"></i>
  <i class="aui-col-xs-3 aui-iconfont aui-icon-close"></i>
  <i class="aui-col-xs-3 aui-iconfont aui-icon-cart"></i>
  <i class="aui-col-xs-3 aui-iconfont aui-icon-star"></i>
  <i class="aui-col-xs-3 aui-iconfont aui-icon-plus"></i>
  <i class="aui-col-xs-3 aui-iconfont aui-icon-minus"></i>
  <i class="aui-col-xs-3 aui-iconfont aui-icon-correct"></i>
  <i class="aui-col-xs-3 aui-iconfont aui-icon-search"></i>
  <i class="aui-col-xs-3 aui-iconfont aui-icon-gear"></i>
  <i class="aui-col-xs-3 aui-iconfont aui-icon-map"></i>
  <i class="aui-col-xs-3 aui-iconfont aui-icon-location"></i>
  <i class="aui-col-xs-3 aui-iconfont aui-icon-image"></i>
  <i class="aui-col-xs-3 aui-iconfont aui-icon-phone"></i>
  <i class="aui-col-xs-3 aui-iconfont aui-icon-camera"></i>
  <i class="aui-col-xs-3 aui-iconfont aui-icon-video"></i>
  <i class="aui-col-xs-3 aui-iconfont aui-icon-qq"></i>
  <i class="aui-col-xs-3 aui-iconfont aui-icon-wechat"></i>
  <i class="aui-col-xs-3 aui-iconfont aui-icon-weibo"></i>
  <i class="aui-col-xs-3 aui-iconfont aui-icon-note"></i>
  <i class="aui-col-xs-3 aui-iconfont aui-icon-mail"></i>
  <i class="aui-col-xs-3 aui-iconfont aui-icon-wechat-circle"></i>
  <i class="aui-col-xs-3 aui-iconfont aui-icon-home"></i>
  <i class="aui-col-xs-3 aui-iconfont aui-icon-forward"></i>
  <i class="aui-col-xs-3 aui-iconfont aui-icon-back"></i>
  <i class="aui-col-xs-3 aui-iconfont aui-icon-laud"></i>
  <i class="aui-col-xs-3 aui-iconfont aui-icon-lock"></i>
  <i class="aui-col-xs-3 aui-iconfont aui-icon-unlock"></i>
  <i class="aui-col-xs-3 aui-iconfont aui-icon-like"></i>
  <i class="aui-col-xs-3 aui-iconfont aui-icon-my"></i>
  <i class="aui-col-xs-3 aui-iconfont aui-icon-more"></i>
  <i class="aui-col-xs-3 aui-iconfont aui-icon-mobile"></i>
  <i class="aui-col-xs-3 aui-iconfont aui-icon-calendar"></i>
  <i class="aui-col-xs-3 aui-iconfont aui-icon-date"></i>
  <i class="aui-col-xs-3 aui-iconfont aui-icon-display"></i>
  <i class="aui-col-xs-3 aui-iconfont aui-icon-hide"></i>
  <i class="aui-col-xs-3 aui-iconfont aui-icon-pencil"></i>
  <i class="aui-col-xs-3 aui-iconfont aui-icon-flag"></i>
  <i class="aui-col-xs-3 aui-iconfont aui-icon-cert"></i>
  <div class="aui-col-xs-12 aui-margin-t-5"></div>
</body>
<script type="text/javascript" src="../script/zepto.min.js"></script>
<script type="text/javascript">
    $('i').on('click',function(){
      alert($(this).attr('class').substring(13));
    })
</script>
</html>
